<template>
  <div class="page-bd black_bg">
    <!-- 页面内容-->
    <div class="weui-cells weui-cells_form">
      <div class="weui-cell">
        <div class="weui-cell__hd">
          <label class="weui-label">银行卡账号</label>
        </div>
        <div class="weui-cell__bd">
          <input class="weui-input" type="number"  placeholder="请输入银行卡账号">
        </div>
      </div>
      <div class="weui-cell">
        <div class="weui-cell__hd">
          <label class="weui-label">收款人</label>
        </div>
        <div class="weui-cell__bd">
          <input class="weui-input" type="text"  placeholder="请输入收款人姓名">
        </div>
      </div>
      <div class="weui-cell weui-cell_access">
        <div class="weui-cell__hd">
          <label class="weui-label">开户银行</label>
        </div>
        <div class="weui-cell__bd">
          <input class="weui-input" type="text" id="bank"  placeholder="请选择开户银行">
        </div>
        <div class="weui-cell__ft"></div>
      </div>
      <div class="weui-cell">
        <div class="weui-cell__hd">
          <label class="weui-label">支行</label>
        </div>
        <div class="weui-cell__bd">
          <input class="weui-input" type="text"  placeholder="请输入支行名称">
        </div>
      </div>
    </div>
    <div class="weui-btn-area">
      <a href="javascript:;" class="weui-btn weui-btn_primary">保存</a>
    </div>
  </div>
</template>

<script>
  import {mapGetters} from 'vuex';
  export default {
    data() {
      return {

      }
    },
    mounted(){
      this.$store.dispatch("topstatus", true);
      $("#bank").picker({
        title: "请选择开户银行",
        cols: [
          {
            textAlign: 'center',
            values: ['中国建设银行', 'iPhone 4S', 'iPhone 5', 'iPhone 5S', 'iPhone 6', 'iPhone 6 Plus', 'iPad 2', 'iPad Retina', 'iPad Air', 'iPad mini', 'iPad mini 2', 'iPad mini 3']
          }
        ],
        onChange: function(p, v, dv) {
          console.log(p, v, dv);
        },
        onClose: function(p, v, d) {
          console.log("close");
        }
      });
    },
  }
</script>

<style scoped>

</style>
